條件渲染 v-if、v-else-if、v-else、v-show
使用 v-if，可以依據條件決定是否渲染，達到動態顯示/隱藏內容的目的
<div>
<h2 v-if="condition">條件1</h2>
<h2 v-else>條件2</h2>
</div>
注意：若要使用 v-else-if、v-else，需要皆在 v-if 之後，且需要與 v-if 同階層，若無，則視為無效內容
v-show 與 v-if 類似，皆可以透過條件來顯示/隱藏內容，差別在於： v-show 不管條件判斷如何皆會渲染，但會透
過 css 的方式隱藏內容，v-if 若條件判斷為false，則不會渲染，因此 v-show 在頁面初始渲染時有較高的成本，但
在動態條件切換時能節省較多資源，v-if 則反之，在動態條件切換時耗用較高的資源
iThome鐵人賽
看影片追技術